<style type="text/css">
    body{background-color: #333}
    h4{color: white}
    .totalValue{
        font-weight: bold;
        font-size: 16pt;
    }
</style>
<div class="container">
    <div class="row">
        <h4>Tela de Inscrições</h4>
        <hr/>
    </div>
</div>

<div class="container">
    <div class="row-fluid">
        <form accept-charset="utf-8" id="frmEmpreendimento">
            <div style="display:none" id="errorServer" class="alert alert-danger col-lg-8 col-md-8 col-sm-8"></div>
            <span class="label label-danger" id="errorEmpty" style="display: none">Preencha Os Campos Destacados!</span>
            <div class="alert alert-success" id="salvoSucesso" style="display: none">Inscrição Gerada Com Sucesso!</div>
            <div class="row col-lg-12 col-md-12 col-sm-12">

                <div class="col-lg-9 col-md-9 col-sm-9" style="padding-bottom: 10px ">
                    <!--Usado para saber quando está alterando ou gravando-->
                    <input type="hidden" id="inputId" name="inputId" />
                    <span class="badge">Cliente</span>
                    <input class="form-control" id="inputNome" name="inputNome" placeholder="Nome do cliente" type="text" autofocus />
                </div>

                <div class="col-lg-3 col-md-3 col-sm-3" style="padding-bottom: 10px ">
                    <span class="badge">Data de Inscrição</span>
                    <input class="form-control" id="inputData" name="inputData" type="date" />
                </div>

                <div class="col-lg-7 col-md-7 col-sm-7" style="padding-bottom: 10px ">
                    <span class="badge">Curso</span>
                    <input class="form-control"  id="inputCurso" name="inputCurso" placeholder="Nome do curso" type="text" autofocus />
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2" style="padding-bottom: 10px ">
                    <span class="badge">Qtde</span>
                    <input class="form-control" id="inputQtde" name="inputQtde" type="number" />
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2" style="padding-bottom: 10px ">
                    <span class="badge">Desconto R$</span>
                    <input class="form-control moeda" id="inputDesconto" placeholder="Conceder desconto" type="text" autofocus />
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1" style="padding-top: 20px ">
                    <a class="btn btn-group-xs btn-primary form-control" id="btnAddCurso"><i class="glyphicon glyphicon-plus"></i></a> 
                </div>
            </div>
        </form>
    </div>
</div>

<div class="container">
    <div class="row">
        <hr/>
        <h4>Cursos Adicionados</h4>
        <div class="col-md-12">
            <div class="panel panel-default" style="overflow: auto; height: 150px;">
                <div class="panel-heading">
                    <h4 class="panel-title"><strong>Cursos</strong></h4>
                </div>
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-condensed table-hover">
                            <thead>
                                <tr>
                                    <td><strong>Item</strong></td>
                                    <td class="text-center"><strong>Valor</strong></td>
                                    <td class="text-center"><strong>Fornec.</strong></td>
                                    <td class="text-right"><strong></strong></td>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- foreach ($order->lineItems as $line) or some such thing here -->
                                <tr>
                                    <td>Luz do Escr.</td>
                                    <td class="text-center">R$500,00</td>
                                    <td class="text-center">CEEE</td>
                                    <td class="text-right"><a class='btn btn-danger btn-xs' href="#"><span class="glyphicon glyphicon-credit-card"></span> Pagar</a> </td>
                                </tr>
                                <tr>
                                    <td>Telefone</td>
                                    <td class="text-center">R$700,00</td>
                                    <td class="text-center">OI</td>
                                    <td class="text-right"><a class='btn btn-danger btn-xs' href="#"><span class="glyphicon glyphicon-credit-card"></span> Pagar</a> </td>
                                </tr>
                                <tr>
                                    <td>Aluguel</td>
                                    <td class="text-center">R$1700,00</td>
                                    <td class="text-center">Ariovaldo Nunes</td>
                                    <td class="text-right"><a class='btn btn-danger btn-xs' href="#"><span class="glyphicon glyphicon-credit-card"></span> Pagar</a> </td>
                                </tr>
                                <tr>
                                    <td>Ferro</td>
                                    <td class="text-center">R$20.000,00</td>
                                    <td class="text-center">Arcelormittal</td>
                                    <td class="text-right"><a class='btn btn-danger btn-xs' href="#"><span class="glyphicon glyphicon-credit-card"></span> Pagar</a> </td>
                                </tr>
                                <tr>
                                    <td class="thick-line"></td>
                                    <td class="thick-line"></td>
                                    <td class="thick-line text-center"><strong>Total</strong></td>
                                    <td class="thick-line text-right">R$22.900,00</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row">
                <a class="btn btn-group-xs btn-success" id="btnFinalizar"><i class="glyphicon glyphicon-paperclip"></i><span> Finalizar Incrição<br></span></a> 
                <div class="alert alert-success pull-right">Total:<br/><span class="totalValue">R$ 0,00</span></div>
            </div>
        </div>
    </div>
</div>


